<style type="text/css">
legend {
  border: none;
}
.tms-reg-step {
  height: 44px;
  position: relative;
  width: 33.3333%;
  margin-top: 20px;
}
.tms-reg-step-dot,
.tms-reg-step-txt {
  display: inline-block;
  position: absolute;
}
.tms-reg-step-dot {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #333;
  color: #fff!important;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}
.tms-reg-step-txt {
  width: 100%;
  top: -15px;
  border-bottom: 1px solid #333333;
}
.tms-reg-step-txt > span {
  font-size: 12px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.tms-reg-step.active .tms-reg-step-dot {
  background-color: #d00e31;
}
.tms-reg-step.active .tms-reg-step-dot,
.tms-reg-step.active .tms-reg-step-txt {
  color: #d00e31;
  border-bottom-color: #d00e31;
}
</style>
<!-- 注册——账号信息 -->
<div class="tms-reg-steps clearfix">
  <div class="tms-reg-step <#if registerStepIndex == 0>active</#if> pull-left">
    <span class="tms-reg-step-txt">
      <span>账号信息</span>
    </span>
    <span class="tms-reg-step-dot">1</span>
  </div>
  <div class="tms-reg-step <#if registerStepIndex == 1>active</#if> pull-left">
    <span class="tms-reg-step-txt">
      <span>完善信息</span>
    </span>
    <span class="tms-reg-step-dot">2</span>
  </div>
  <div class="tms-reg-step <#if registerStepIndex == 2>active</#if> pull-left">
    <span class="tms-reg-step-txt">
      <span>激活邮箱</span>
    </span>
    <span class="tms-reg-step-dot">3</span>
  </div>
</div>
